<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户管理</title>
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}\js\jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {
		//展示用户
		$('#dg').datagrid({    
		    url:'showdriver',    
		    columns:[[    
		        {field:'code',title:'C',checkbox:true,width:100,align:'center'},  
		        {field:'driverId',title:'司机工号',width:100,align:'center'},    
		        {field:'driverName',title:'姓名',width:100,align:'center'}, 
		        {field:'driverPhone',title:'联系方式',width:100,align:'center'},
		        {field:'uname',title:'用户名',width:100,align:'center'},  
		        {field:'upsw',title:'密码',width:100,align:'center'},  
		        {field:'ustate',title:'状态',width:100,align:'center'}, 
		        {field:'role',title:'角色',width:100,align:'center'},
		    ]],
		    pagination:true,
		    pagePosition:'bottom',
		    rownumbers:true,
		    pageNumber:1,
		    pageSize:5,
		    pageList:[5,10,15], 
		    toolbar: [{
				iconCls: 'icon-add',
				text:"入职",
				handler: function(){
				$('#win').window('open');//打开窗口	
				$('#btn').linkbutton('resize');//启动确定按钮
				}
			},'-',{
				iconCls: 'icon-lock',
				text:"离职",
				handler: function(){
					var a=$('#dg').datagrid('getChecked');				
					if(a.length==1){						
						var driverId=a[0].driverId;						
						$.ajax({
							url:'deletedriver',//修改离职员工状态
						    type:'post',
						    data:{'driverId':driverId},							   			    	
						    	datatype:'text',
					    		success:function(data){					    					    				
					    		$.messager.alert('提示','离职成功'); 
					    		$('#dg').datagrid('reload');    // 重新载入当前页面数据 
					    		}
					    		})
					    		}else{					    			
					    			$.messager.alert('提示','请选择一行！');
					    		}
					    		}
				},'-',{
					iconCls: 'icon-cut',
					text:"编辑",
					handler: function(){
						var a=$('#dg').datagrid('getChecked');				
						if(a.length==1){									
							$('#tb22').textbox('setText',a[0].driverPhone);
							$('#tb44').textbox('setText',a[0].upsw);	
							$('#win1').window('open');//打开窗口
						    		}else{
						    			$.messager.alert('提示','请选择一行！');	
						    		}
						  	}
					}]		    
		});  

		/* 入职窗口 */
		$('#win').window({    
			width:600,    
		    height:400,    
		    modal:true ,
		    title:'入职',		      
		    collapsible:false,
		    minimizable:false,
		    maximizable:false,
		    draggable:false
		});  
		$('#win').window('close');//隐藏窗口
		
		
		//姓名
		$('#tb1').textbox({ 
			required:true,
		})
		//联系方式
		$('#tb2').textbox({  
			required:true,
		})
		//用户名
		$('#tb3').textbox({ 
			required:true,
		})
		//密码
		$('#tb4').textbox({  
			required:true,
		})
		//角色
		$('#cc').combobox({  
			required:true,
			width:100,
		    url:'showroles1',    
		    valueField:'id',    
		    textField:'text'   
		});  

		//保存确定按钮
		$('#btn').linkbutton({    
		    iconCls: 'icon-ok',  
		  	onClick:function(){
		  		var driverName=$('#tb1').textbox('getText');//
		  		var driverPhone=$('#tb2').textbox('getText');
		  		var uname=$('#tb3').textbox('getText');
		  		var upsw=$('#tb4').textbox('getText');		  		
		  		var rid=$('#cc').combobox('getValue');
		  		var p=/\s/;//正则表达式	
		  		var p=/\D/;//正则表达式	
		  		 if(uname==""||p.test(uname)||driverName==""||p.test(driverName)||driverPhone==""||p.test(driverPhone)||upsw==""||p.test(upsw)||driverPhone.length==11||upsw.length>5){
		  			
		  			$.messager.alert('提示','请填写完全部内容');		  			
		  		}else{
		  			
		  		  	$.ajax({		  		
						url:'adddriver',
					    type:'post',
					    data:{'d.driverName':driverName,
					    	'd.driverPhone':driverPhone,
					    	'd.uname':uname,
					    	'd.upsw':upsw,
					    	'd.rid':rid,
					    },							   			    	
					    	datatype:'text',
				    		success:function(data){				
			  		if(data==1){
			  			$.messager.alert('提示','保存成功'); 
			  			$('#win').window('close');//隐藏窗口
			  			$('#dg').datagrid('reload');    // 重新载入当前页面数据 
			  		$('#tb1').textbox('setText','');//
				  		$('#tb2').textbox('setText','');
				  	$('#tb3').textbox('setText','');
				  		$('#tb4').textbox('setText','');
				  	$('#cc').combobox('setText','');
				  		$('#btn').linkbutton('disable');//禁用按钮
			  		}else{
			  			$.messager.alert('提示','保存失败');	
			  			$('#btn').linkbutton('enable');//重置按钮
			  			$('#btn').linkbutton('resize');//启动确定按钮
			  		}
				    		}		  				  		
			  	})	
		  		}
		  		
		  				  			  			    	
		    }
		});
		//取消按钮
		$('#btn1').linkbutton({    
		    iconCls: 'icon-cancel',   
		    onClick:function(){	    	
		    	$('#btn').linkbutton('enable');//重置按钮
		    	$('#btn').linkbutton('resize');//启动确定按钮
		    	v$('#tb1').textbox('setText','');//
		  		$('#tb2').textbox('setText','');
		  	$('#tb3').textbox('setText','');
		  	$('#tb4').textbox('setText','');
		  	$('#cc').combobox('setText','');
		    }
		});
		
		
		
		/* 修改窗口 */
		$('#win1').window({    
			width:600,    
		    height:400,    
		    modal:true ,
		    title:'编辑',		      
		    collapsible:false,
		    minimizable:false,
		    maximizable:false,
		    draggable:false
		});  
		$('#win1').window('close');//隐藏窗口
		
		
		//联系方式
		$('#tb22').textbox({  
			required:true,
		})

		//密码
		$('#tb44').textbox({  
			required:true,
		})
		//角色
		$('#cc11').combobox({  
			required:true,
			width:100,
		    url:'showroles1',    
		    valueField:'id',    
		    textField:'text'   
		});  
	
		//保存确定按钮
		$('#btn22').linkbutton({    
		    iconCls: 'icon-ok',  
		  	onClick:function(){
		  		var a=$('#dg').datagrid('getChecked');	
		  		var driverId=a[0].driverId;	
		  		var driverPhone=$('#tb22').textbox('getText');		  				  			  			  		
		  		var upsw=$('#tb44').textbox('getText');		  		
		  		var rid=$('#cc11').combobox('getValue');
		  		var ustate=$('#cc22').combobox('getText');
		  		
		  		var p=/\s/;//正则表达式	
		  		var p=/\D/;//正则表达式	
		  		 if(driverPhone==""||p.test(driverPhone)||upsw==""||p.test(upsw)||driverPhone.length==11||upsw.length>5){
		  			
		  			$.messager.alert('提示','请填写完全部内容');		  			
		  		}else{
		  			
		  			$.ajax({		  		
						url:'updatedriver',
					    type:'post',
					    data:{
					    	'driverId':driverId,
					    	'driverPhone':driverPhone,
					    	'upsw':upsw,
					    	'rid':rid,
					    	'ustate':ustate,
					    },							   			    	
					    	datatype:'text',
				    		success:function(data){				
			  		if(data==1){
			  			$.messager.alert('提示','保存成功'); 
			  			$('#win1').window('close');//隐藏窗口
			  			$('#dg').datagrid('reload');    // 重新载入当前页面数据 		  		
				  		$('#tb22').textbox('setText','');		  
				  		$('#tb44').textbox('setText','');			  	
				  		$('#cc11').combobox('setText','');
				  		$('#cc22').combobox('setText','');
				  		$('#btn22').linkbutton('resize');//启动确定按钮
			  		}else{
			  			$.messager.alert('提示','保存失败');	
			  			$('#btn33').linkbutton('enable');//重置按钮
			  			$('#btn22').linkbutton('resize');//启动确定按钮
			  		}
				    		}		  				  		
			  	})		
		  		} 
		    }
		});
		//取消按钮
		$('#btn33').linkbutton({    
		    iconCls: 'icon-cancel',   
		    onClick:function(){	    	
		    	$('#btn').linkbutton('enable');//重置按钮
		    	$('#btn').linkbutton('resize');//启动确定按钮
		    	v$('#tb1').textbox('setText','');//
		  		$('#tb2').textbox('setText','');
		  	$('#tb3').textbox('setText','');
		  	$('#tb4').textbox('setText','');
		  	$('#cc').combobox('setText','');
		    }
		});
		
		
	})
	</script>
<body>

<!-- 司机表格 -->
<table id="dg"></table> 


<!-- 入职窗口 -->
<div id="win">
<!-- 姓名框 -->
<sapn>姓名：</sapn><input id="tb1" type="text" style="width:300px"><br>
<!-- 电话框 -->
<sapn>电话：</sapn><input id="tb2" type="text" style="width:300px"><br>
<!-- 用户名 -->
<sapn>用户：</sapn><input id="tb3" type="text" style="width:300px"><br>
<!-- 密码 -->
<sapn>密码：</sapn><input id="tb4" type="text" style="width:300px"><br>
<!-- 角色下拉选框 -->
<sapn>角色：</sapn><input id="cc" name="dept" value="1"> <br> 
<!-- 确定保存按钮 --><!-- 重置按钮 -->
<a id="btn" href="#">保存</a> <a id="btn1" href="#">取消</a> 
</div>  


<!-- 修改信息窗口 -->
<div id="win1">  
<!-- 电话-->
<sapn>联系：</sapn><input id="tb22" type="text" style="width:300px"><br>
<!-- 密码 -->
<sapn>密码：</sapn><input id="tb44" type="text" style="width:300px"><sapn>至少6位数字</sapn><br>
<!-- 状态 -->
<sapn>状态：</sapn><select id="cc22" class="easyui-combobox" name="dept" style="width:200px;">   
    <option value="aa">未登陆</option>   
    <option>已登陆</option>     
</select><br>
<!-- 角色下拉选框 -->
<sapn>角色：</sapn><input id="cc11" name="dept" value="1"> <br>   
<!-- 确定保存按钮 --><!-- 重置按钮 -->
<a id="btn22" href="#">保存</a> <a id="btn33" href="#">取消</a> 
</div>
  





</body>
</html>